{% extends "registration/registration_base.html" %}

{% load i18n %}

{% block title %}{% trans "Reset password" %}{% endblock %}
{% block content %}

    <div class="account-container login stacked">
        <div class="content clearfix">
            <form action="" method="post">{% csrf_token %}
                <h1>{% trans "Forgot your password?" %}</h1>
                <div class="login-fields">
                    <p>{% trans "Enter your email in the form below and we'll send you instructions for creating a new one." %}</p>
                    <div class="field">
                        <label for="{{ form.fields.email.auto_id }}">{{ form.fields.email.label_tag }}</label>
                        <input type="text" id="{{ form.fields.email.auto_id }}" name="{{ form.fields.email.name }}" value="" placeholder="{% trans "E-mail" %}" class="login username-field" />
                    </div> <!-- /field -->
                </div> <!-- /login-fields -->
                <div class="login-actions">
                    <button class="button btn btn-primary btn-large">{% trans "Reset password" %}</button>
                </div> <!-- .actions -->
            </form>
        </div> <!-- /content -->
    </div> <!-- /account-container -->

    <!-- Text Under Box -->
    <div class="login-extra">
        <a href="#">{% trans "Sign In" %}</a><br/> <a href="{% url registration_register %}">{% trans "Sign Up" %}</a><br/>
    </div> <!-- /login-extra -->

{% endblock %}

{% block message %}
    {% if form.errors %}
        <script>
            $.msgGrowl ({
                title: '{% trans "Ошибка" %}' // Optional
                ,text: '{% trans "Не заполнены обязательные поля" %}',
                position: "top-center",
                type:"error"
            });
        </script>
    {% endif %}
{%  endblock %}